<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<title>v-商品详情页</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-primary.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]>
<script src="js/ieBetter.js"></script>
<![endif]-->
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header min-w">
	<div class="wrap">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp">
			<div class="search-form">
				<input type="text" class="search-text" placeholder="羽绒服">
				<button class="v-btn search-button">搜索</button>
				<p class="hot-search">
					<label class="search-label">热门搜索：</label>
					<a href="javascript:void(0);" target="_blank">免烫衬衫</a>
					<a href="javascript:void(0);" target="_blank">羽绒99元</a>
					<a href="javascript:void(0);" target="_blank">长款羽绒</a>
					<a href="javascript:void(0);" target="_blank">保暖内衣</a>
					<a href="javascript:void(0);" target="_blank">我的订单</a>
				</p>
			</div>
			<div class="shopping-cart">
				<a class="cart-span" href="javascript:;"><em class="v-icon cart-icon"></em>我的购物车<span class="cart-num">9</span></a>
				<div class="dropdown-wrap">
                	<div class="head-cart">
                    	<img src="../images/empty.png"/>
                    	<span>您的购物车中还没有商品，赶紧去选购吧！</span>
                    </div>
				</div>
		   </div>
		</div>
	</div>
</div>
<div class="home-nav min-w">
	<div class="wrap">
    	<div class="home-nav-item">
        	<a href="javascript:void(0);" class="home-nav-a home-index">首页<em class="v-icon nav-arr-top"></em></a>
        </div>
		<div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a cur">上衣<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">裤子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">鞋子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">配饰<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
	</div>
</div>
<div class="content content-white min-w">
    <div class="crumb-nav wrap">
        <a href="javascript:void(0);">首页</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">上衣</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">西装</a>
    </div>
	<div class="detail-nav clearfix">
    	<div class="wrap">
            <div class="detail-tit fl">
                <h2 class="detail-name">虎都AC男装 男士商务绅士西服裤 93455</h2>
                <strong class="detail-stress">限时抢购</strong>
            </div>
            <div class="detail-item fr">
                <a href="#detail-nav1">商品描述</a>
                <a href="#detail-nav2">购物指南</a>
                <a href="#detail-nav3">模特搭配</a>
                <a href="#detail-nav4">版型工艺</a>
                <a href="#detail-nav5">设计细节</a>
                <a href="#detail-nav6" class="item-last">洗涤保养</a>
            </div>
        </div>
    </div>
    <div class="detail-goods wrap">
    	<div class="detail-goods-img clearfix">
            <div class="detail-img-lit fl">
                <div class="detail-arr-up"><span class="v-icon"></span></div>
                <div class="detail-lit-con">
                    <ul>
                        <li>
                        	<img src="../images/logo.png" alt="小图1">
                        	<div class="lit-con-pop"></div>
                        </li>
                        <li>
                            <img src="../images/v-icon.png" alt="小图2">
                             <div class="lit-con-pop"></div>
                        </li>
                        <li>
                            <img src="../images/v-qr.jpg" alt="小图3">
                             <div class="lit-con-pop"></div>
                        </li>
                        <li>
                            <img src="../images/v-brand9.jpg" alt="小图4">
                            <div class="lit-con-pop"></div>
                        </li>
                        <li >
                            <img src="../images/logo.png" alt="小图1">
                            <div class="lit-con-pop"></div>
                        </li>
                        <li>
                            <img src="../images/v-icon.png" alt="小图2">
                             <div class="lit-con-pop"></div>
                        </li>
                    </ul>
                </div>
                <div class="detail-arr-down"><span class="v-icon"></span></div>
            </div>
            <div class="detail-img-big fl">
                <img src="">
            </div>
        </div>
        <div class="detail-goods-txt">
        	<div class="detail-goods-price">
            	<span class="detail-original">售价：<em>￥1200.00</em></span>
                <span class="detail-stress">特惠价：<span class="detail-discount">￥<strong>999.00</strong></span></span>
                <span class="detail-stress detail-vip">使用贵宾卡更优惠</span>
            </div>
        	<div class="detail-info">
            	<dl class="detail-img-s clearfix">
                	<dt class="detail-label fl">颜色</dt>
                    <dd class="detail-sale fr">
                    	<ul>
                            <li class="selected">
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li>
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li>
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li>
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li>
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li class="disabled">
                            	<div class="detail-sort">
                                    <img src="#">
                                    <span class="detail-sort1">红色</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="detail-common clearfix">
                	<dt class="detail-label fl">尺寸</dt>
                    <dd class="detail-sale fr">
                    	<ul>
                            <li class="selected">
                            	<div class="detail-sort">
                                	<span class="detail-sort2">32</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li class="disabled">
                            	<div class="detail-sort">
                                	<span class="detail-sort2">32</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                            <li>
                            	<div class="detail-sort">
                                	<span class="detail-sort2">32</span>
                                    <i class="v-icon selected-i">已选中</i>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="detail-amount clearfix">
                	<dt class="detail-label fl">数量</dt>
                    <dd class="detail-sale fr">
                    	<span class="detail-num">
                        	<input type="text" maxlength="3" class="detail-text" value="1">
                            <span class="detail-num-btn">
                            	<span class="detail-increase"><i class="v-icon increase-i"></i></span>
                                <span class="detail-decrease"><i class="v-icon decrease-i"></i></span>
                            </span>
                        </span>
                        <span class="detail-stock">在售商品<strong class="detail-stress">123</strong>件</span>
                    </dd>
                </dl>
                <div class="detail-offline">
                	<span class="offline-span">线下门店同步销售<em class="v-icon offline-arr-down"></em></span>
                    <div class="offline-dropdown">
                    	<ul>
                        	<li>
                                <div class="offline-con clearfix">
                                    <a href="#" class="offline-a">
                                    	<img src="#" class="offline-img">
                                        <div class="offline-shop">
                                        	<h3 class="offline-name">万达广场</h3>
                                            <p class="offline-add">地址：北京市海淀区西二旗中关村软件园西二旗中关村软件园</p>
                                            <p class="offline-tel">电话：12345678901</p>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="offline-con clearfix">
                                    <a href="#" class="offline-a">
                                        <img src="#" class="offline-img">
                                        <div class="offline-shop">
                                            <h3 class="offline-name">万达广场</h3>
                                            <p class="offline-add">地址：北京市海淀区西二旗中关村软件园西二旗中关村软件园</p>
                                            <p class="offline-tel">电话：12345678901</p>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="offline-con clearfix">
                                    <a href="#" class="offline-a">
                                        <img src="#" class="offline-img">
                                        <div class="offline-shop">
                                            <h3 class="offline-name">万达广场</h3>
                                            <p class="offline-add">地址：北京市海淀区西二旗中关村软件园西二旗中关村软件园</p>
                                            <p class="offline-tel">电话：12345678901</p>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="offline-con clearfix">
                                    <a href="#" class="offline-a">
                                        <img src="#" class="offline-img">
                                        <div class="offline-shop">
                                            <h3 class="offline-name">万达广场</h3>
                                            <p class="offline-add">地址：北京市海淀区西二旗中关村软件园西二旗中关村软件园</p>
                                            <p class="offline-tel">电话：12345678901</p>
                                        </div>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="detail-collect">
                	<em class="v-icon collection-icon1"></em><span>收藏商品</span>
                </div>
                <div class="detail-sale-btn">
                	<button class="v-btn detail-buy">立即购买</button>
                    <button class="v-btn detail-to-cart"><em class="v-icon detail-cart"></em>加入购物车</button>
                </div>
            </div>
        </div>
    </div>
    <div class="detail-goods-info wrap">
        <div class="detail-info-item" id="detail-nav1">
            <h2>商品描述</h2>
            <div class="detail-item-con">
                <h3 class="detail-desp-h3"><span class="detail-line"></span>品牌名称 <strong>虎都男装</strong></h3>
                <div class="detail-desp-con">
                    <ul class="detail-item1">
                        <li>
                            <label class="detail-desp-lab">商品名称：</label>
                            <span class="detail-info-s">柒牌男士毛呢大衣冬季风衣商务休闲毛呢休闲衫外套 </span>
                        </li>
                        <li>
                            <label class="detail-desp-lab">商品名称：</label>
                            <span class="detail-info-s">柒牌男士毛呢大衣冬季风衣商务休闲毛呢休闲衫外套 </span>
                        </li>
                        <li>
                            <label class="detail-desp-lab">商品名称：</label>
                            <span class="detail-info-s">柒牌男士毛呢大衣冬季风衣商务休闲毛呢休闲衫外套 </span>
                        </li>
                        <li>
                            <label class="detail-desp-lab">商品名称：</label>
                            <span class="detail-info-s">柒牌男士毛呢大衣冬季风衣商务休闲毛呢休闲衫外套 </span>
                        </li>
                        <li>
                            <label class="detail-desp-lab">商品名称：</label>
                            <span class="detail-info-s">柒牌男士毛呢大衣冬季风衣商务休闲毛呢休闲衫外套 </span>
                        </li>
                    </ul>
                </div>
            </div> 
        </div>
        <div class="detail-info-item" id="detail-nav2">
            <h2>购物指南</h2>
            <div class="detail-item-con"></div>
        </div>
        <div class="detail-info-item" id="detail-nav3">
            <h2>模特搭配</h2>
            <div class="detail-item-con"></div>
        </div>
        <div class="detail-info-item" id="detail-nav4">
            <h2>版型工艺</h2>
            <div class="detail-item-con"></div>
        </div>
        <div class="detail-info-item" id="detail-nav5">
            <h2>设计细节</h2>
            <div class="detail-item-con"></div>
        </div>
        <div class="detail-info-item" id="detail-nav6">
            <h2>洗涤保养</h2>
            <div class="detail-item-con"></div>
        </div>
    </div>
</div>
<div class="fly_item"><img src="#"></div>
<div class="msg"><img src="../images/success-icon1.png"/>已成功加入购物车！</div>
<div class="right-service">
        <ul>
            <li class="service-cart">
                <em class="v-icon cart-i"><span class="cart-num cart-num1">3</span></em>
               	<p class="service-desp">查看购物车</p>
            </li>        
            <li class="service-app">
                <em class="v-icon app-i"></em>
                <p class="service-desp">下载app</p>
                 <div class="app-con">
                    <img src="../images/v-qr.jpg">
                    <p>扫描二维码</p>
                    <p>下载V+手机客户端</p>
                    <em class="v-icon app-arr"></em>
                 </div>
            </li>
            <li class="to-top">
                <em class="v-icon top-i"></em>
                <p class="service-desp">返回顶部</p>
            </li>
        </ul>
</div>
<!-- jQuery -->
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-goods-detail.js"></script>
<script src="../js/parabola.js"></script>
</body>
</html>
